<template>
    <div class="app-container">
        <levelbar></levelbar>
        <el-tabs v-model="activeName">
            <el-tab-pane label="当前班级" name="current">
                <curr-class-tab></curr-class-tab>
            </el-tab-pane>
            <el-tab-pane label="历史班级" name="history">
                <his-class-tab></his-class-tab>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import Levelbar from '../../layout/Levelbar';
    import currClassTab from './currClassTab';
    import hisClassTab from './hisClassTab';

    export default {
        name: 'classInforPage',
        components: { Levelbar, currClassTab, hisClassTab },
        data() {
            return {
                activeName: 'current'
            }
        },
        computed: {
         
        },
        methods: {
           
        }
    }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
    .app-container {
       
        position: relative;
        padding: 20px 20px 10px;

    }
</style>